<template>
  <div>
    <Banner></Banner>
    <DetailHeader></DetailHeader>
      <div class="content">
        <DetailList :list="list"></DetailList>
      </div>
  </div>
</template>

<script>
import Banner from "./components/Banner.vue";
import DetailHeader from "./components/Header.vue";
import DetailList from "./components/list.vue";
export default {
  components: {
    Banner,
    DetailHeader,
    DetailList,
  },
  data() {
    return {
      list: [
        {
          title: "成人票",
          children: [
            {
              title: "成人三馆联票",
              children: [
                { title: "成人三馆联票 - 某一连锁店销售" },
                { title: "成人五馆联票 - 某一超市销售" },
              ],
            },
            {
              title: "成人五馆联票",
            },
          ],
        },
        {
          title: "学生票",
        },
        {
          title: "儿童票",
        },
        {
          title: "特惠票",
        },
      ],
    };
  },
};
</script>

<style lang="stylus" scoped>
.content {
  height: 50rem;
}
</style>